<!DOCTYPE html>  
<html>  
  <head>  
    <title>Demo 3</title>  
    <meta charset="utf-8">  
    <meta name="keywords" content="HTML, CSS, JavaScript, Tutorials">  
    <meta name="description" content="Free Online tutorials">  
    <meta name="author" content="coding man">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">    
    <link rel="stylesheet" type="text/css" href="demo03.css">
    <style>
    p{  
    color: yellow;  
    font-size: 25px;  
    font-style: italic;}  
    </style>
    <script type="text/javascript" src="demo03.js"></script>
    <script type="text/javascript">  
        function red() {  
        document.getElementsByTagName("p")[0].style.color = "red";     
        }  
    </script>
  </head>  
  <body>  
    <h1>Heading</h1>  
    <p>Paragraph</p>
    <button type="button" onclick="msg()">ALERT</button>
    <button type="button" onclick="red()">RED</button>
  </body>  
</html>